
var tableIns;
layui.use([ 'jquery', 'layer', 'form', 'table'  ], function() {
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var table = layui.table;
    //渲染数据表格
    tableIns=table.render({
        elem: '#drugdictionaryTable'   //渲染的目标对象
        ,url:'/warehouse/findAllSdrugdictionary' //数据接口
        ,title: '药品字典数据表'//数据导出来的标题
        ,toolbar:"#drugdictionaryToolBar"   //表格的工具条
        ,height:'full-200'
        ,page: 1  //是否启用分页, limits: [10, 20, 30]
        ,limits: [7, 20, 30]
        ,limit: 7//默认采用3
        ,cols: [[   //列表数据
            {field:'drugId', title:'ID',align:'center',width:'10%'}
            ,{field:'drugName', title:'药品',align:'center',width:"20%"}
            ,{field:'unitName', title:'单位',align:'center',width:"10%"}
            ,{field:'sellingPrice', title:'价格',align:'center',width:"10%"}
            ,{field:'areaName', title:'生产地址',align:'center',width:"20%"}
            ,{field:'typeName', title:'类型',align:'center',width:"15%"}
            ,{fixed: 'right', title:'操作', toolbar: '#drugdictionary',align:'center',width:'15%'}
        ]]
    })
    //模糊查询
    $("#doSearch").click(function(){
        var params=$("#searchFrm").serialize();
        tableIns.reload({
            url:"/warehouse/findAllSdrugdictionary?"+params
        })
    });

    $.ajax({
        //要跳转的地址
        url: '/warehouse/findAllTypes',
        //数据类型
        dataType: 'json',
        //提交类型
        type: 'post',
        //查询成功后执行的方法
        success: function (data) {
            $.each(data, function (index, item) {
                $('#type').append(new Option(item.typeName, item.typeId));// 下拉菜单里添加元素
            });
            layui.form.render("select");//重新渲染 固定写法
        }
    })

    //监听头部工具栏事件
    table.on("toolbar(drugdictionaryTable)",function(obj){
        switch(obj.event){
            case 'add':
                openAddSdrugdictionary();
                break;
        };
    })
    //监听行工具事件
    table.on('tool(drugdictionaryTable)', function(obj){
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if(layEvent === 'del'){ //删除
            layer.confirm('真的删除【'+data.drugName+'】这个药品吗', function(index){
                //向服务端发送删除指令
                $.post("/warehouse/deleteSdrugdictionary",{drugId:data.drugId},function(res){
                    layer.msg(res);
                    //刷新数据 表格
                    tableIns.reload();
                })
            });
        } else if(layEvent === 'edit'){ //编辑
            openUpdateSdrugdictionary(data);
        }
    });

    var url;
    var mainIndex;
    //打开添加页面
    function openAddSdrugdictionary(){
        mainIndex=layer.open({
            type:1,
            title:'添加药品',
            content:$("#saveOrUpdateDiv"),
            area:['500px','510px'],
            success:function(index){
                //清空表单数据
                $("#dataFrm")[0].reset();
                url="/warehouse/addSdrugdictionary";
            }
        });
    }
    //打开修改页面
    function openUpdateSdrugdictionary(data){
        mainIndex=layer.open({
            type:1,
            title:'修改药品',
            content:$("#saveOrUpdateDiv"),
            area:['500px','510px'],
            success:function(index){
                form.val("dataFrm",data);
                url="/warehouse/editSdrugdictionary";
            }
        });
    }
    //保存
    form.on("submit(doSubmit)",function(obj){
        //序列化表单数据
        var params=$("#dataFrm").serialize();
        $.post(url,params,function(obj){
            layer.msg(obj);
            //关闭弹出层
            layer.close(mainIndex)
            //刷新数据 表格
            tableIns.reload();
        })
    });

    $.ajax({
        url: '/warehouse/findAllArea',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                $('#areaId').append(new Option(item.areaName, item.areaId));// 下拉菜单里添加元素
            });
            layui.form.render("select");//重新渲染 固定写法
        }
    })
    $.ajax({
        url: '/warehouse/findAllUnits',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                $('#unitId').append(new Option(item.unitName, item.unitId));// 下拉菜单里添加元素
            });
            layui.form.render("select");//重新渲染 固定写法
        }
    })
    $.ajax({
        url: '/warehouse/findAllTypes',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                $('#typeId').append(new Option(item.typeName, item.typeId));// 下拉菜单里添加元素
            });
            layui.form.render("select");//重新渲染 固定写法
        }
    })
});